<template>
			<div style="background: #fff;height:100vh">
				<!-- 公共组件-每个页面必须引入 -->
				<public-module></public-module>
				<div class="popup-con">
					<div style="font-size:14px;padding:20px 0 10px 0">
						全部数量：<span style="font-weight: bold;color:#ff4600">{{ info.totalNum }}吨</span>
					  <span style="padding-left:20px">已发数量：<span style="font-weight: bold;color:#ff4600">{{ info.sendNum }}吨</span></span>
					  <span style="padding-left:20px">未发数量：<span style="font-weight: bold;color:#ff4600">{{ info.notSendNum }}吨</span></span>
					</div>
					<div class="send-list">
						<div class="send-item" v-for="item in info.deliverInfo" :key="item.shippingCode" style="margin-bottom:16px;">
							<u--form labelPosition="left" :model="item"  ref="form" labelWidth="100" errorType="toast">
								<u-form-item  label="发货单号"  borderBottom>
									{{item.shippingCode}}
								</u-form-item>
								<!-- <u-form-item  label="物流公司"  borderBottom>
									{{item.shippingCompany}}
								</u-form-item> -->
								<u-form-item  label="发货明细"  borderBottom>
									{{item.shippingGoods}}
								</u-form-item>
								<u-form-item label="物流明细" label-position="top">
									<div style="padding-top:10px">
										<u-steps  direction="column" dot>
											<u-steps-item :title="ee.createTime" v-for="(ee,index) in item.shippingLogs" :key="index">
												<div slot="desc" style="font-size:14px">
												{{ee.logContent}}
												<span style="padding-left:5px;cursor: pointer;color:#FF5E01" v-if="ee.logPics.length > 0" @click="preview(ee.logPics)">查看</span>
												</div>
											</u-steps-item>
										</u-steps>
									</div>
									
								</u-form-item>
							</u--form>
						</div>
					</div>
				</div>
			
			</div>
            
       
</template>
<script>


import {orderDeliverDetail} from '@/config/api.js'
import store from '@/store';

export default {
    name: 'sendInfo',
    computed: {
    	
		
    },
	data() {
		return {
           orderId:'',
           info:{},
		   }
	},
    watch:{

    },
	onLoad(e) {
		this.orderId = e.orderId
	    this.getInfo();
	},
	methods: {
		preview(logPics){
			uni.previewImage({urls: logPics});
		},
		getInfo(){
			this.info = {
        "totalNum": "12.350",
        "sendNum": 12.35,
        "notSendNum": 0,
        "deliverInfo": [
            {
                "shippingCode": "XSD20250700247",
                "shippingCompany": "自己安排",
                "shippingGoods": "福建中锦/ZJ2800 12.350吨",
                "shippingLogs": [
                    {
                        "createTime": "2025-07-09 16:38",
                        "logContent": "物流已确认收货",
                        "logPics": [
                            "https://pic.moresu.com/FlCFubXa_JZ9KWio6qmvFLBRJBvY"
                        ]
                    },
                    {
                        "createTime": "2025-07-09 00:00",
                        "logContent": "配送中",
                        "logPics": []
                    },
                    {
                        "createTime": "2025-07-09 00:00",
                        "logContent": "已安排司机：李德  18025252734 ",
                        "logPics": []
                    },
                    {
                        "createTime": "2025-07-09 00:00",
                        "logContent": "商品出库中",
                        "logPics": []
                    }
                ]
            }
        ]
    }
			// orderDeliverDetail({orderId:this.orderId}).then((res)=>{
			// 	this.info = res
			// })
		}, 
	}
};
</script>

<style lang="scss" scoped>
@import '@/style/common.scss';
.popupTitle{
	font-size:$b-font;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
}
   .popup-con{
    	padding:0 16px 16px 16px;
    	.popup-block-pay{
    		text-align: center;
    		padding:20px;
    		.price-sub-title{
    			font-size:$s-font;
    			color:$g-font-color;
    			line-height: 30px;
    		}
    		.price-big-title{
    			font-size: 22px;
    			color:$theme-color;
    			font-weight:bold;
    			margin-top:10px;
    		}
    	}
    	.popup-label{
    		line-height: 40px;
    		font-size:$m-font;
    		color:$g-font-color;
    		@include flexbox(space-between,center)
    	}
    	.img-div{
    		width:210px;
    		height:210px;
    		border:1px solid $border-color;
    		margin:0 auto;
    		background: #f4f5f7;
    	}
        .send-list{
    		padding-top:$marginSpace;
    		.send-item{
    			border-radius: 8px;
    			padding:12px;
    			box-shadow: 0 0 5px rgba(0,0,0,0.1);
    			margin-bottom:$marginSpace;
    			.send-top{
    				@include flexbox(flex-start,flex-start);
    				font-size:$m-font;
    				.name{
    					padding-right:12px;
    					flex:1
    				}
    				.num{
    					font-weight: bold;
    					color:$theme-color
    				}
    			}
    			.send-middle{
    				font-size:$s-font;
    				color:$g-font-color;
    				line-height: 18px;
    				margin-top:5px;
    			}
    			.send-bottom{
    				text-align: right;
    				font-size:$s-font;
    				margin-top:16px
    			}
    		}
    	}
    	.category-list{
    		padding:36rpx 0;
    		.list-item{
    			@include flexbox(flex-start,flex-start);
    			margin-bottom:20rpx;
    			.item-title{
    				width: 126rpx;
    				height: 52rpx;
    				background: rgba(255,255,255,0.39);
    				border: 1px solid #B8B8B8;
    				border-radius: 9rpx;
    				font-size:$m-font;
    				text-align: center;
    				line-height: 52rpx;
    			}
    			.item-list{
    				padding-left:30rpx;
    				width:calc(100% - 126rpx);
    				overflow: hidden;
    				.item-ename{
    					font-size:$s-font;
    					color: #929292;
    					line-height: 52rpx;
    					width: 170rpx;
    					@include textoverflow(1);
    					float:left;
    				}
    			}
    		}
    	}
    	.goodsSn-list{
    		border: 1px solid #DEDEDE;
    		padding:0 10px;
    		font-size:$s-font;
    		margin-top:15px;
    		padding-bottom:10px;
    		.list-cell{
    			border-bottom:1px solid #DEDEDE;
    			@include flexbox(space-between,center);
    			line-height: 60rpx;
    			height:60rpx;
    		}
    		.list-cell:first-child{
    			
    		}
    	}
    	.audio-text{
    		font-size: 34rpx;
    		line-height: 48rpx;
    		color: #414141;
    		text-align: center;
    		padding-top:100rpx;
    	}
    	.audio-dh{
    		@include flexbox(space-between,center);
    	}
    
    }
    .popup-bottom{
    	background: #fff;
    	margin-top:10px;
    	padding:16px;
    }
    .popup-bottom-fixed{
    	position: fixed;
    	width:100%;
    	padding:16px;
    	box-sizing: border-box;
    	bottom:0
    }
    
    

</style>
